<!--活动主会场-->
<div class="wrap" [hidden]="!mp4Hide" #wrap>
    <!-- TASK-DIALOG -->
    <app-dialog [show]="showTaskDialog" class="renqi-task-dialog">
        <main [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/task-dialog-bg.png)'">
            <div class="main-pic"
                [style.backgroundImage]="'url('+deployUrl+'assets/img/end-year/common/renqipiao-bg.png)'">
                <img [src]="deployUrl+'assets/img/end-year/common/renqipiao.png'" alt="人气票">
            </div>
            <div class="main-name">
                {{task.desc}}
            </div>
            <img (click)="submitTaskDialog()" class="main-submit"
                [src]="deployUrl+'assets/img/end-year/common/task-dialog-submit.png'" alt="好的">
        </main>
    </app-dialog>
    <div class="content" id="content" [ngClass]="{'content_active': !mp4Hide || androidVersion<8}">
        <header [ngClass]="{'header-other': activityStart==='notstart'}">
            <div class="headvideo" [hidden]="!mp4Hide || androidVersion<8">
                <video class="video_header" id="video_video_header" playsinline="true" webkit-playsinline="true"
                    x5-playsinline="true" object-fit="fill" autoplay="true" muted x5-video-player-type="h5"
                    preload="auto" poster="{{deployUrl}}assets/img/end-year/common/bg.png" x5-video-player-fullscreen="true">
                </video>
            </div>
            <!-- 刷新 -->
            <div class="refash" (click)="refash()" *ngIf="activityStart!=='notstart'">
                <img src="{{deployUrl}}assets/img/end-year/common/resh.png" alt="">
            </div>
            <!-- 返回活动  -->
            <div class="backactivity" (click)="backToActivity()" *ngIf="roomPage==='fuli'">
                <img src="{{deployUrl}}assets/img/end-year/common/back.png" alt="">
            </div>
            <!-- 奖励规则  -->
            <div class="listward_fix" (click)="closeShow(true)" *ngIf="activityStart!=='notstart' && roomPage!='fuli'">
                <img src="{{deployUrl}}assets/img/end-year/common/des.png" alt="">
            </div>
            <!-- 盛典福利  -->
            <div class="reword_fix" (click)="roomselectNavFili('fuli')"
                *ngIf="activityStart==='start' && roomPage!='fuli'">
                <img src="{{deployUrl}}assets/img/end-year/common/fuli.png" alt="">
            </div>
            <!-- 荣耀殿堂  *ngIf="activityStart==='start'" -->
            <div class="diantang_fix" (click)="closeReword(true)">
                <img src="{{deployUrl}}assets/img/end-year/common/diantang.png" alt="">
            </div>
            <!-- 倒计时 -->
            <div class="countdown" *ngIf="activityStart==='notstart'">
                <div>
                    <span style="margin-left:0;">距活动开始还剩：</span>
                    <div class="hours" style="margin-left: 0;">
                        <p>{{hoursLeftNum}}</p>
                    </div>
                    <div class="hours">
                        <p>{{hoursRightNum}}</p>
                    </div>
                    <span>时</span>
                    <div class="fen">
                        <p>{{fenLeftNum}}</p>
                    </div>
                    <div class="fen">
                        <p>{{fenRightNum}}</p>
                    </div>
                    <span>分</span>
                    <div class="miao">
                        <p>{{miaoLeftNum}}</p>
                    </div>
                    <div class="miao">
                        <p>{{miaoRightNum}}</p>
                    </div>
                    <span>秒</span>
                </div>
            </div>
        </header>
        <div class="roomNav" *ngIf="roomPage!='fuli'">
            <p *ngFor="let tab of currentTabArray; let i=index" (click)="roomselectNav(tab)"
                [ngClass]="{'active': tab.tabName===roomPage}">
                <img [src]="tab.tabAcimage" alt="" *ngIf="tab.tabName===roomPage">
                <img [src]="tab.tabImage" alt="" *ngIf="tab.tabName!==roomPage">
            </p>
        </div>
        <!-- 福利弹框 出现 -->
        <div class="ac_content" [ngClass]="{'welfare-on':roomPage ==='fuli'}">
            <!-- <app-selectlist [timeConfig]="timeConfig" *ngIf="roomPage==='year'"></app-selectlist> -->
            <!-- <app-honeyanchors [timeConfig]="timeConfig" *ngIf="roomPage==='anchor'"></app-honeyanchors>-->
            <!--盛典福利-->
            <app-welfare [timeConfig]="timeConfig" *ngIf="roomPage==='fuli'"></app-welfare>
            <!--神豪榜-->
            <app-shenhao [timeConfig]="timeConfig" *ngIf="roomPage==='shenhao'"></app-shenhao>
            <!--人气榜-->
            <app-renqi [timeConfig]="timeConfig" *ngIf="roomPage==='renqi'">
            </app-renqi>
            <!--男神榜-->
            <app-male [timeConfig]="timeConfig" *ngIf="roomPage==='nanshen'"></app-male>
            <!--女神榜-->
            <app-activitying [timeConfig]="timeConfig" *ngIf="roomPage==='nvshen'"></app-activitying>
            <!--新秀榜-->
            <app-xinxiu [timeConfig]="timeConfig" *ngIf="roomPage==='xinxiu'"></app-xinxiu>
        </div>
        <!-- 刷新 -->
        <div class="loader " *ngIf="onRefrash ">
            <div class="loader-inner ">
                <div class="loader-line-wrap ">
                    <div class="loader-line "></div>
                </div>
                <div class="loader-line-wrap ">
                    <div class="loader-line "></div>
                </div>
                <div class="loader-line-wrap ">
                    <div class="loader-line "></div>
                </div>
                <div class="loader-line-wrap ">
                    <div class="loader-line "></div>
                </div>
                <div class="loader-line-wrap ">
                    <div class="loader-line "></div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- <div class="dialog dialog_box" *ngIf="isReword" (click)="closeReword(false)">
    <div class="reword_dia alert-anmation" (click)="$event.stopPropagation();">
        <div class="closes" (click)="closeReword(false)"></div>
        <ul>
            <li *ngFor="let item of rewordList;let i=index" [ngStyle]="{margin:item.mar}">
                <img src="{{deployUrl}}assets/img/year/reword_dia_img{{item.day}}.png" alt="">
                <div class="btm_p"
                    [ngStyle]="{'background':'url('+deployUrl+'assets/img/year/reword_dia_day'+item.day+'.png)center center/100%'}">
                </div>
                <div class="wan_icon" *ngIf="total>=item.day"></div>
            </li>
        </ul>
        <div class="btm_btn">
            <img src="{{deployUrl}}assets/img/year/lingqu.png" alt="" *ngIf="!complete" (click)="goSignIn()">
            <img src="{{deployUrl}}assets/img/year/yiqian.png" alt="" *ngIf="complete">
        </div>
    </div>
</div> -->
<div class="dialog dialog_box" *ngIf="isSign" (click)="isSign=false;" style="z-index: 1000;background: none;">
    <div class="sign_box" (click)="$event.stopPropagation();">
        <div class="alert-anmation">
            <img src="{{deployUrl}}assets/img/year/chengg.png" alt="">
            <p>恭喜获得<strong>{{rewordList[numh-1].tips}}</strong></p>
            <p>可在个性装扮内查看～</p>
            <div (click)="isSign=false;">
                <span>我知道了</span>
            </div>
        </div>
    </div>
</div>
<!-- 奖励规则 -->
<div class="dialog alert-anmation dialog_box" *ngIf="isRewardShow">
    <div class="contain">
        <app-reward (toClose)="closeShow(false)"></app-reward>
    </div>
</div>
<!-- 荣誉殿堂 -->
<div class="dialog alert-anmation dialog_box" *ngIf="isReword">
    <app-rongyu (toClose)="closeReword(false)"></app-rongyu>
</div>
<div class="player" [hidden]="mp4Hide">
    <video class="video_front" id="video_video_front" playsinline="true" webkit-playsinline="true" x5-playsinline="true"
        poster="{{deployUrl}}assets/img/end-year/common/bg.png" object-fit="fill" autoplay="true" muted="true"
        x5-video-player-type="h5" x5-video-player-fullscreen="true">
    </video>
</div>
